.content{
    width: 1240px;
    margin: 0 auto;
    .allClassify{
        height: 340px;
        width: 100%;
        margin-top: 40px;
        .allClassifyNav{
            height: 40px;
            width: 100%;
            background: #e5e7e6;
            line-height: 40px;
            font-size: 12px;
            li{
                float: left;
                margin-left: 15px;
                a{
                color: #666;
                    }
                }
        }
        .allClassifyContent{
            height: 300px;
            width: 100%;
            background: #fff;
            .allClassifyImg{
                margin: 10px 10px;
                float: left;
            }
            .allClassifyText{
                padding-top: 45px;
                float: left;
                .allClassifyName{
                    font-size: 16px;
                    color: #333;
                    margin-left: 20px;
                }
                .allClassifyUl{
                    color: #999;
                    font-size: 12px;
                    li{
                        float: left;
                        margin: 10px 20px;
                        span{
                            color: #333;
                            margin-left: 25px;
                        }
                    }
                    li:nth-child(1),li:nth-child(2){
                        margin-top: 20px;
                    }
                    li:nth-child(2){
                        margin-left: 50px;
                    }
                }
            }
        }
    }
    .technologyNav{
        height: 40px;
        width: 100%;
        line-height: 40px;
        background: #fff;
        margin-top: 10px;
        .technologyNavUl{
            float: left;
            font-size: 12px;
            color: #666;
            padding-left: 10px;
            li{
//              float: left;
                cursor: pointer;
//              border-right:1px solid #f0f0f0 ;
//              width: 75px;
                text-align: center;
                position: relative;
                display: inline-block;
                vertical-align: top;
                .top,.bottom{
                    position: absolute;
                    height: 36px;
                    width: 36px;
//                  transform: scale(0.15);
//                  left: -15px;   
                    z-index: 3;
                }
                .top{
                    margin-top: 14px;
                    background: url('/ceca_two/img/sort.png') no-repeat 0 0;
                    background-size: 12px auto;
                }
                .bottom{
                    top: 5px;
                    background: url('/ceca_two/img/sort.png') no-repeat 0 -165px;
                    background-size: 12px auto;
                    
                }
            }
        }
    }
    .materialTable{
        width: 100%;
        margin: 10px 0 50px 0;
        .materialName{
            background: #f5f5f5;
            font-size: 12px;
            color: #999;
            height: 20px;
            border-bottom: 1px solid #C6C6C6;
            td{
                text-align: center;
                border-right: 1px solid #C6C6C6;
            }
            td:nth-child(5),td:nth-child(6){
                border-bottom: 1px solid #C6C6C6;
            }
        }
        .Name{
            td{
              border: none;  
            }
        }
        .materiaText{
            color: #333;
            font-size: 14px;
            text-align: center;
            height: 160px;
            background: #fff;
            border-spacing: 10px;
            .materiaTextName{
                position: relative;
                .materiaTextImg{
                    position: absolute;
                    top: 20px;
                    left: 20px;
                }
                .TextName,.TextStandard,.TextChk,.TextLbl{
                    position: absolute;
                    top: 50px;
                    left: 150px;
                    color: #0032d2;
                    font-size: 16px;
                }
                .detailTextName{
                    font-size: 12px;
                }
                .TextStandard{
                    top: 75px;
                    color: #333;
                    font-size: 12px;
                }
                .TextChk,.TextLbl{
                    top: 140px;
                    left: 45px;
                }
                .TextLbl{
                    top: 138px;
                    font-size: 12px;
                    color: #999;
                    left: 60px;
                }
            }
        }
    }
    .contrast{
        position: fixed;
        top:640px;
        right: 40px;
        width: 270px;
        font-size: 12px;
        display: none;
        .contrastHead{
            height: 30px;
            width:100%;
            background: #ff3030;
            color: #fff;
            line-height: 30px;
            p{
                float: left;
                margin-left: 7px;
            }
            .messageText{
                margin-left: 10px;
            }
            .del{
                float: right;
                margin-right: 10px;
                cursor: pointer;
            } 
        }
        .contrastContent{
            width: 100%;
            background: #fff;
            .contrastText{
                height: 70px;
                width: 100%;
                border-bottom: 1px solid #C6C6C6;
                position: relative;
                .contrastTextChk,.contrastTextImg,.contrastTextName,.contrastTextUl,.contrastTextDel{
                    position: absolute;
                    top: 10px;
                }
                .contrastTextChk{
                    top: 30px;
                    left: 10px;
                }
                .contrastTextImg{
                    left: 30px;
                }
                .contrastTextName{
                    top: 20px;
                    left: 90px;
                     font-size: 12px;
                }
                .contrastTextUl{
                    top: 40px;
                    left: 75px;
                    li{
                        float: left;
                        margin-left: 15px;
                        color: #999;
                    }
                }
                .contrastTextDel{
                    right: 10px;
                    color: #999;
                    font-size: 20px;
                    cursor: pointer;
                }
            }
        }
        .contrastFooter{
            height: 120px;
            width: 100%;
            background: #e6e6e6;
            position: relative;
            .footerBtn{
                height: 40px;
                width: 215px;
                background: #ff3030;
               position: absolute;
               top: 30px;
               left: 30px;
               color: #fff;
               line-height: 40px;
               text-align: center;
               cursor: pointer;
            }
            .delContrast{
                position: absolute;
                color:#ff3030 ;
                text-align: center;
                top: 80px;
                left: 110px;
                cursor: pointer;
            }
        }
    }
}